<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ include file="/classes/DBHelper.class.jsp"%>
<%@ include file="/classes/CommonHelper.class.jsp"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	pageContext.setAttribute("basePath", basePath);
%>
<%
	int curr = 1;
	if (!nullOrEmpty(getParameter(request, "curr"))) {
		try {
			curr = Integer.parseInt(getParameter(request, "curr"));
		} catch (Exception e) {
			curr = 1;
		}
	}
	List<Object> params = new ArrayList<Object>();
	String sql = " SELECT * FROM APP_QA t WHERE t.status = 'B' order by t.answer_time desc";
	List<Map<String, Object>> list = queryForListPage(sql, params, curr, 3);
	int total = queryForPageCount(sql, params);
	pageContext.setAttribute("curr", curr);
	pageContext.setAttribute("list", list);
	pageContext.setAttribute("total", total);
%>
<!DOCTYPE html>
<html>
<head>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>提交求助信息，寻找志愿者帮忙</title>
<%-- <script type='text/javascript' src="${basePath }plugins/jquery/jquery-1.12.2.min.js"></script> --%>
<link rel="stylesheet" href="${basePath }plugins/layui/v1.0.9/css/layui.css" media="all">
<link rel="stylesheet" href="css/jxw_css.css" />

</head>
<body>
	<iframe id="top" name="top" title="网站头部" width="100%" height="211" src="/snxf/toub/top.shtml" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
	<div class="secmain w1000 ovhid">
		<div class="secleft l ">
			<div class="wdbox">
				<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
					<legend style="color: red;font-weight: bold;">提交求助信息，寻找志愿者帮忙</legend>
				</fieldset>

				<form id="zyfwForm" class="layui-form" method="post" enctype="multipart/form-data">
					<div class="layui-form-item">
					<pre style="line-height: 25px;">
为确保您的留言及时通过审核并尽快得到回复，请您仔细阅读以下说明：
　　一、您的求助信息需同时具备以下条件，方为有效留言：
　　1.真实姓名；
　　2.真实且有效的联系方式；
　　　　* 除姓名外，我们将严格保密您的其余个人信息。
　　二、您的求助信息如涉及以下内容，将认定为“涉法、涉诉、缠访与敏感问题”不予受理：
　　1.违反国家法律法规和涉及国家机密的信息；
　　2.恐吓、威胁、诽谤他人或单位的信息；
　　3.对同一问题恶意连续、重复提交的信息；
　　4.虚假、语言模糊、问题阐述不明确的信息；
　　5.使用侮辱性、歧视性等不文明语言的信息；
　　6.易引起恐慌、网络群体性事件等问题的信息；
　　* 违规的求助信息将被做删除处理。
　　三、您的求助信息如涉及以下内容，将认定为“超范围求助”不予受理：
　　1.不属于本市志愿者或志愿服务组织管辖范围内问题的求助内容； 
　　2.涉及商业或广告内容的求助内容。
　　* “大病救助”类型及其他钱财类求助信息可以提交，但不会分拨到志愿者或志愿服务组织，此类求助信息由志愿者自愿接受。
　　四、求助信息的提交、回复及状态查询：
　　1.支持图片上传功能，图片格式可为.jpg、.gif、.jpeg、.png，大小应控制在10M以内；
　　2.信息提交成功后，将生成一个10位数字的查询码，使用查询码可了解问题处理情况。
　　3.信息提交成功后，网民可在7个工作日内查询回复结果，遇法定节假日顺延；
　　4.对于情况复杂、一时难以处理的求助信息，会适当延长办理与答复期限，将在一般答复时限内给予告知性的一次答复，并在15个工作日内给予结果性的二次答复；
　　5.信息审核与分拨时间为每个工作日的上午8时30分至下午17时30分，周末双休日及法定节假日将不审核与分拨。
					</pre>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">姓名</label>
						<div class="layui-input-block">
							<input type="text" name="name" lay-verify="required" autocomplete="off" placeholder="请输入您的姓名" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">手机号码</label>
						<div class="layui-input-block">
							<input type="tel" name="phoneNum" lay-verify="required" placeholder="请输入您的手机号码" autocomplete="off" class="layui-input">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label">需求标题</label>
						<div class="layui-input-block">
							<input type="tel" name="title" lay-verify="required" placeholder="请简述你的需求" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item layui-form-text">
						<label class="layui-form-label">需求内容 </label>
						<div class="layui-input-block">
							<textarea name="content" lay-verify="required" placeholder="请详细描述你遇到的问题及需要的帮助" class="layui-textarea"></textarea>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">附件1</label>
						<div class="layui-input-inline">
							<input type="file" name="file1">
						</div>
						<div class="layui-form-mid layui-word-aux" style="color: red;padding-left: 100px">文件大小不能超过10</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">附件2</label>
						<div class="layui-input-inline">
							<input type="file" name="file2">
						</div>
						<div class="layui-form-mid layui-word-aux" style="color: red;padding-left: 100px">仅支持.jpg、.gif、.jpeg、.png的图片</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">验证码</label>
						<div class="layui-input-inline">
							<input type="text" name="vCode" lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux" style="padding: 0">
							<img src="${basePath }common/img_code.jsp" style="height: 35px; width: 80px; cursor: pointer;" onclick="resetImg(this)" title="点我更换图片">
						</div>
					</div>
					<div class="layui-form-item">
						<div class="layui-input-block">
							<button class="layui-btn" lay-submit="" lay-filter="submitBtn">立即提交</button>
							<button id="reset" type="reset" class="layui-btn layui-btn-primary">重置</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<jsp:include page="zyfw_right.jsp"></jsp:include>
	<jsp:include page="zyfw_bottom.jsp"></jsp:include>
	<script type='text/javascript' src="${basePath }plugins/jquery/jquery-1.12.2.min.js"></script>
	<script type='text/javascript' src="${basePath }plugins/jquery/plugins/jquery.form-3.46.0.js"></script>
	<script type="text/javascript" src="${basePath }plugins/layui/v1.0.9/layui.js"></script>
	<script charset="utf-8" src="${basePath }plugins/97date/4.8/WdatePicker.js"></script>
	<script type='text/javascript'>
		var options = {
			target : '#output', //把服务器返回的内容放入id为output的元素中      
			beforeSubmit : showRequest, //提交前的回调函数  
			success : showResponse, //提交后的回调函数  
			url : 'zyfw_save_do2.jsp', //默认是form的action， 如果申明，则会覆盖  
			type : 'post', //默认是form的method（get or post），如果申明，则会覆盖  
			dataType : 'json', //html(默认), xml, script, json...接受服务端返回的类型  
			//clearForm: true,          //成功提交后，清除所有表单元素的值  
			resetForm : true, //成功提交后，重置所有表单元素的值  
		}

		function showRequest(formData, jqForm, options) {
			//formData: 数组对象，提交表单时，Form插件会以Ajax方式自动提交这些数据，格式如：[{name:user,value:val },{name:pwd,value:pwd}]  
			//jqForm:   jQuery对象，封装了表单的元素     
			//options:  options对象  
			// 	   var queryString = $.param(formData);   //name=1&address=2  
			// 	   var formElement = jqForm[0];              //将jqForm转换为DOM对象  
			// 	   var address = formElement.address.value;  //访问jqForm的DOM元素  
			return true; //只要不返回false，表单都会提交,在这里可以对表单元素进行验证  
		};

		function showResponse(result) {
			alert(result);
		};
		layui
				.use(
						[ 'form', 'layedit', 'laydate' ],
						function() {
							var form = layui.form(), layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate;
							//自定义验证规则
							form.verify({
								question : function(value) {
									if (value.length < 5) {
										return '提问内容不能少于5个字符';
									}
									if (value.length > 2000) {
										return '提问内容不能超过2000个字符';
									}
								}
							});
							//监听提交
							form.on('submit(submitBtn)', function(data) {
								var index = layer.load(0, {
									shade : [ 0.3, '#393D49' ]
								});
								var options = {
									url : 'zyfw_save_do2.jsp', //默认是form的action， 如果申明，则会覆盖  
									type : 'post', //默认是form的method（get or post），如果申明，则会覆盖  
									dataType : 'json', //html(默认), xml, script, json...接受服务端返回的类型  
									//clearForm: true,          //成功提交后，清除所有表单元素的值  
									// 					resetForm : true, //成功提交后，重置所有表单元素的值  
									beforeSubmit : function() {
									},
									success : function(result) {
										layer.close(index);
										if (result.status == '200') {
											layer.alert(result.msg, {
												icon : 6
											});
											$("#reset").click();
										} else {
											layer.alert(result.msg, {
												icon : 5
											})
										}
									},
									error : function(responseText, statusText,
											xhr) {
										layer.close(index);
										layer.alert('提交失败，请检查文件大小是否超过大小限制', {
											icon : 5
										})
									}
								};
								$("#zyfwForm").ajaxSubmit(options);
								return false;
							});
						});
		function resetImg(t) {
			$(t).attr("src",
					"${basePath }common/img_code.jsp?r=" + Math.random());
		}
		$("#myForm").ajaxForm();
	</script>
</body>
</html>